/*通用标题*/
.home_tit{width:100%;max-width:4.5rem;margin: 0 auto;text-align: center;overflow: hidden;padding:.4rem 0 .3rem;}
.home_tit span{display:block;height:.15rem;width:100%;background:url(../images/icon2.png) center top no-repeat;}
.home_tit p{width:100%;height: .6rem;line-height:.6rem;font-size:.3rem;font-weight:600;color:#fff;}
.home_tit i{display:block;height: .05rem;width:100%;background:url(../images/icon3.png) center bottom no-repeat;}


/*产品*/
.productbox{padding:0 .05rem;}
.clabox{width:100%;overflow:hidden;float:left;}
.clabox .tit{display:none;background:#1b5ab3;color:#fff;text-align:center;height:.75rem;overflow:hidden;}
.clabox .tit span{display:block;padding-top:.2rem;text-transform:uppercase;}
.clabox .tit p{width:100%;padding:0 .2rem;position:relative;height:.45rem;line-height:.45rem;font-size:.24rem;font-weight:600;}
.clabox .tit p em{display:block;width:100%;height:.23rem;border-bottom:1px solid #fff;}
.clabox .tit p a{display:inline-block;padding:0 .15rem;background:#1b5ab3;color:#fff;position:relative;top:-.23rem;}
.clabox .con,.clabox .con ul{width:100%;overflow:hidden;}
.clabox .con ul li{width:50%;padding:.02rem;overflow:hidden;float:left;text-align:center;}
.clabox .con ul li a{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.clabox .con ul li p a{font-size:.16rem;height:.4rem;line-height:.4rem;background:#1b5ab3 right center no-repeat;color:#fff;border-radius:.03rem;padding:0 .05rem;}
.clabox .con ul li:hover p a{background-color:#ffa000;}
.clabox .con ul li dl{display:none;padding:0 .15rem;overflow:hidden;}
.clabox .con ul li dl dd:nth-child(1){margin-top:.05rem;}
.clabox .con ul li dl a{height:.3rem;line-height:.3rem;background:url(../images/icon5.png) left center no-repeat;padding-left:.15rem;}
.clabox .tel{display:none;width:100%;overflow:hidden;position:relative;padding-top:.15rem;}
.clabox .tel a{display:block;width:40%;height:.4rem;position:absolute;left:30%;bottom:.2rem;}

.probox{width:100%;overflow:hidden;padding:.15rem 0 .25rem;float:right;}
.probox ul li{width:50%;overflow:hidden;text-align:center;padding:.02rem;float:left;}
.probox ul li a{overflow:hidden;display:block;background:#f0f0f0;padding:.05rem;border:1px solid #e6e6e6;}
.probox ul li .pic{position:relative;overflow:hidden;width:100%;padding-bottom:75%;background:#fff;}
.probox ul li .pic img{position:absolute;width:100%;min-height:100.5%;left:0%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.probox ul li .txt{width:100%;height:.3rem;line-height:.36rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.probox ul li:hover a{background:#1b5ab3;color:#fff;border-color:#1b5ab3;}

@media only screen and (min-width:475px){
.clabox .con ul li{width:33.33%;}
}
@media only screen and (min-width:768px){
.clabox .con ul li{width:25%;}
.probox ul li{padding:.05rem;}
.probox ul li .txt{height:.36rem;line-height:.4rem;}
}
@media only screen and (min-width:992px){
.productbox{padding:.0 0 .5rem;}
.clabox{width:2.5rem;}
.clabox .tit,.clabox .con ul li dl,.clabox .tel{display:block;}
.clabox .con{padding:.15rem .1rem;background:#1b5ab3;}
.clabox .con ul{padding:.05rem;background:#fff;border-radius:.05rem;}
.clabox .con ul li{width:100%;padding:.05rem .05rem .04rem;text-align:left;}
.clabox .con ul li p a{padding:0 .25rem 0 .15rem;height:.4rem;line-height:.4rem;background-image:url(../images/icon4.png);}
.probox{max-width:9.2rem;padding:0;height:10.85rem;}
.probox ul{width:9.3rem;}
.probox ul li{width:3.1rem;height:2.75rem;padding:0 .1rem .15rem;}
.probox ul li a{padding:.09rem;}
.probox ul li .txt{height:.375rem;line-height:.45rem;}
}


/*优势*/
.youshibox{background:#32353c url(../images/bg-pic1.jpg) center bottom no-repeat;background-attachment:fixed;}
.youshibox ul{padding:0 .05rem .3rem;overflow:hidden;}
.youshibox ul li{width:100%;float:left;overflow:hidden;text-align:center;padding:.05rem;}
.youshibox ul li div{width:100%;overflow:hidden;background:#fff;padding:.3rem .2rem;border-radius:.05rem;}
.youshibox ul li div *{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.youshibox ul li em{display:block;width:100%;height:1rem;padding:.1rem;position:relative;}
.youshibox ul li em .icon2{position:absolute;top:.1rem;left:50%;margin-left:-.4rem;opacity:0;}
.youshibox ul li p{font-size:.2rem;color:#666;font-weight:600;line-height:.3rem;padding:.1rem 0;}
.youshibox ul li span{display:block;width:100%;line-height:.26rem;color:#999;}
.youshibox ul li a{display:none;width:1.1rem;height:.36rem;line-height:.36rem;background:#808080;color:#fff;font-weight:600;margin:.25rem auto .04rem;border-radius:.03rem;}
.youshibox ul li:hover em .icon2{opacity:1;}
.youshibox ul li:hover p{color:#1b5ab3;}
.youshibox ul li:hover span{color:#666;}
.youshibox ul li a:hover{background:#ffa000;}

@media only screen and (min-width:475px){
.youshibox ul li{width:50%;}
}
@media only screen and (min-width:768px){
.youshibox ul{padding-bottom:.4rem;}
}
@media only screen and (min-width:992px){
.youshibox{padding:.4rem 0 .5rem;}
.youshibox ul{padding:.25rem 0;}
.youshibox ul li{width:25%;padding:0 .1rem;}
.youshibox ul li div{border-radius:0;}
.youshibox ul li a{display:block;}
}


/*简介*/
.compbox{padding-bottom: .1rem;overflow:hidden;}
.compbox .imgbox{width:100%;float:left;background:#f0f0f0;text-align:center;}
.compbox .imgbox img{max-width:100%;}
.compbox .textbox{width:100%;float:right;overflow:hidden;padding:.1rem;position:relative;}
.compbox .textbox .titl{width:100%;}
.compbox .textbox .titl span{display:none;font-size:.3rem;font-weight:600;color:#ccc;text-transform:uppercase;height:.3rem;line-height:.3rem;}
.compbox .textbox .titl p{font-size:.18rem;font-weight:600;color:#333;line-height:.4rem;}
.compbox .textbox .titl em{display:none;width:100%;height:.1rem;background:url(../images/icon3.png) left bottom no-repeat;background-size:.45rem .03rem;}
.compbox .textbox .text{width:100%;line-height:.26rem;color:#666;text-indent:2em;}
.compbox .textbox .text p{margin-bottom:.05rem;}
.compbox .textbox .more{display:none;position:absolute;left:0;bottom:.3rem;}
.compbox .textbox .more a{display:block;width:1.5rem;height:.4rem;text-align:center;line-height:.4rem;background:#1b5ab3;color:#fff;font-weight:600;border-radius:.2rem;}
.compbox .textbox .more a:hover{background:#ffa000;}

@media only screen and (min-width:992px){
.compbox{padding-bottom: .5rem;}
.compbox .imgbox{width:6rem;height:4rem;}
.compbox .textbox{width:5.6rem;padding:.15rem 0;height:4rem;}
.compbox .textbox .titl span,.compbox .textbox .titl em,.compbox .textbox .more{display:block;}
.compbox .textbox .titl p{font-size:.24rem;}
.compbox .textbox .text{padding-top:.3rem}
}

/*division*/
.division ul{padding:0 .05rem;overflow:hidden;}
.division ul li{padding:.05rem;width:50%;float:left;text-align:center;}
.division ul li p{background:#1b5ab3;color:#fff;border-radius:.05rem;padding:.25rem .1rem;}
.division ul li span{display:block;width:100%;font-size:.18rem;padding-top:.12rem;}

@media only screen and (min-width:560px){
.division ul li{width:25%;}
}
@media only screen and (min-width:768px){
.division{padding:.35rem 0;background:#1b5ab3;}
.division ul li{padding:0;border-left:1px solid #497bc2;height:1rem;}
.division ul li:nth-child(1){border-left:0;}
.division ul li p{padding:0;}
}

/*资讯*/
.titl-small{width:100%;height:.4rem;overflow:hidden;background:#f0f0f0;margin-bottom:.1rem;}
.titl-small p{float:left;border-left:.04rem solid #ffa000;background:#1b5ab3;color:#fff;font-size:.18rem;font-weight:600;padding:0 .15rem;line-height:.4rem;}
.titl-small img{float:left;}
.titl-small a{float:right;display:block;color:#aaa;font-size:.36rem;font-weight:600;padding:0 .15rem;line-height:.4rem;font-family:Arial;}

.zixunbox{padding:.35rem .1rem .1rem;}
.zixunbox .home_tit{display:none;}
.zixunbox .newsbox{width:100%;overflow:hidden;float:left;margin-bottom:.2rem;}
.zixunbox .list{width:100%;overflow:hidden;}
.zixunbox .list ul li{width:100%;height:.36rem;line-height:.37rem;border-bottom:1px dotted #ddd;position:relative;}
.zixunbox .list ul li span{display:none;max-width:.8rem;height:.36rem;float:right;font-family:Arial;color:#999;position:absolute;right:0;top:0;}
.zixunbox .list ul li a{display:block;width:100%;float:left;color:#666;padding:0 .15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../images/icon11.png) left center no-repeat;}
.zixunbox .list ul li:hover a{color:#1b5ab3;background-image:url(../images/icon13.png);}
.zixunbox .pic{width:100%;padding:.1rem 0;display:none;}
.zixunbox .pic img{width:100%;}

@media only screen and (min-width:360px){
.zixunbox .list ul li{padding-right:.8rem;}
.zixunbox .list ul li span{display:block;}
}
@media only screen and (min-width:768px){
.zixunbox{padding:.35rem .1rem .15rem;background:#f7f7f7;}
.zixunbox .newsbox{padding:.2rem;background:#fff;}
}
@media only screen and (min-width:992px){
.zixunbox{padding:0 0 .5rem;}
.zixunbox .home_tit,.zixunbox .pic{display:block;}
.zixunbox .cutbox{padding:.1rem 0;overflow:hidden;}
.zixunbox .newsbox{height:4rem;margin:0;}
.newsbox.news-gs{width:8rem;}
.news-gs .list{margin-bottom:.1rem;}
.news-gs .list ul li{height:.5rem;line-height:.5rem;}
.newsbox.news-hy{width:3.7rem;float:right;}
.news-hy .list{margin:0;max-height:1.8rem;}
.news-hy .list ul li{border:0;}
}


/*联系*/
.sylxbox .home_tit{display:none;}
.sylxbox .cutbox{padding:0 .1rem;overflow:hidden;}

.contactbox{width:100%;overflow:hidden;float:left;margin-bottom:.2rem;}
.contactbox .cont{padding:.05rem;}
.contactbox .cont p{line-height:.24rem;margin-bottom:.06rem;}
.contactbox .cont p strong{height:.3rem;font-size:.16rem;color:#1b5ab3;display:block;}

.orderbox{width:100%;overflow:hidden;float:right;}
.orderbox .cont{width:100%;max-width:3.6rem;padding:.1rem .05rem;}
.orderbox .feed{width:100%;overflow:hidden;}
.orderbox ul li{width:100%;overflow:hidden;margin-right:3rem;height:.3rem;float:left;margin-bottom:.1rem;padding-left:.65rem;position:relative;border:1px solid #ddd;background:#fff;border-radius:.03rem;}
.orderbox ul li span{display:block;width:.65rem;height:.28rem;font-size:.15rem;line-height:.28rem;text-align:center;color:#666;position:absolute;left:0;top:0;}
.orderbox ul li .bg,.orderbox  ul li .area,.orderbox  ul .code input{display:block;width:100%;height:.3rem;line-height:.24rem;padding:.02rem .09rem .05rem 0;background:#fff;float:left;}
.orderbox ul .li_1,.orderbox ul .li_4{max-width:2.5rem;}
.orderbox ul .li_2{height:1.3rem;max-width:100%;}
.orderbox ul .li_2 .area{height:1.3rem;}
.orderbox ul .code{max-width:2.1rem;}
.orderbox ul .code img{position:absolute;left:1.25rem;top:.03rem;cursor:pointer;}
.orderbox ul .code .red{width:.15rem;left:2.65rem;top:0;padding:0;color:#f00;}
.orderbox ul .li_3{height:.5rem;padding:.1rem .8rem 0 0;border:0;background:none;}
.orderbox ul .li_3 p{width:100%;float:left;height:.4rem;background:#1b5ab3;border-radius:.03rem;}
.orderbox ul .li_3 p input{display:block;width:100%;height:.4rem;font-size:.16rem;line-height:.4rem;color:#fff;text-align:center;cursor:pointer;background:none;}
.orderbox ul .li_3 p.cz{width:.7rem;background:#999;position:absolute;top:.1rem;right:0;}

.sylxbox .symap{width:100%;height:2rem;margin:.1rem 0 .35rem;border:1px solid #ddd;overflow:hidden;float:left;}

@media only screen and (min-width:768px){
.sylxbox .cutbox{padding:.35rem .1rem .15rem;}
.contactbox,.orderbox{width:3.6rem;}
.contactbox .cont{padding:.1rem 0 0 .4rem;background:url(../images/icon14.png) left .05rem no-repeat;}
.contactbox .cont p{line-height:.3rem;margin-bottom:.12rem;}
.contactbox .cont p strong{line-height:.34rem;}
.orderbox ul .li_2,.orderbox ul .li_2 .area{height:1rem;}
.sylxbox .symap{height:3.2rem;}
}
@media only screen and (min-width:992px){
.sylxbox{padding:.1rem 0;}
.sylxbox .home_tit{display:block;}
.sylxbox .cutbox{padding:.1rem 0 .2rem;}
.contactbox{margin-right:.3rem;}
.orderbox ul .li_4{max-width:100%;}
.sylxbox .symap{width:4.2rem;height:3.8rem;margin:0;}
}

/*links*/
.linkbox{background:#f7f7f7;display:none;padding:.15rem .1rem;}
.linkbox ul{width:100%;overflow:hidden;padding:.05rem 0 .05rem 1rem;background:url(../images/link.png) left center no-repeat;min-height:.4rem;}
.linkbox ul li{float:left;height:.26rem;line-height:.26rem;}
.linkbox ul a{float:left;padding-right:.1rem;display:block;color:#333;}
.linkbox ul a:hover{color:#1b5ab3;}

@media only screen and (min-width:768px){
.linkbox{display:block;}
}
@media only screen and (min-width:992px){
.linkbox{padding:.15rem 0;}
}